<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简介页</title>
    <link rel="stylesheet" href="../css/body.css">
</head>
<body>
    <div class="background">
    <div id="正式介绍"></div>
    <div class="dingbu">
        <ul class="body">
            <li><a href="./欢迎页.html">&lt返回首页</a></li>
            <li><a href="#个人简介">个人简介</a></li>
            <li><a href="#成长所在地">成长所在地</a></li>
            <li><a href="#爱好">爱好</a>
                <ul>
                    <li><a href="#旅游">旅游</a></li>
                    <li><a href="#听歌">听歌</a></li>
                </ul>
            </li>
            <li><a href="#问卷">问卷</a></li>
        </ul>
    </div>
    <div class="body2">
    <div id="个人简介"></div>
    <div><h2 style="text-align: center;">个人简介</h2></div>
    <div class="suojin">
        <p>Hello，你好，我叫多雅晗，来自河北衡水，是一个乐观开朗、充满活力的人。平时我也有一些小爱好，比如旅行、听歌，还喜欢看一些有趣的综艺节目。
            我喜欢去探索新奇的事物，乐观地迎接每一天的挑战和机遇。感谢遇见！</p>
    </div>
    <div id="成长所在地"></div>
    <div><h2 style="text-align: center;">成长所在地</h2></div>
    <div style="text-align: center;">
        <table class="table">
            <thead class="thead">
            <tr>
                <th>年份</th>
                <th>地点</th>
                <th>碎碎念</th>
            </tr>
            </thead>
            <tbody class="tbody">
            <tr class="jishu">
                <td>2006　--　2009</td>
                <td>河北省衡水市阜城县</td>
                <td>故乡是个很有人情味的地方</td>
            </tr>
            <tr class="oushu">
                <td>2009　--　2015</td>
                <td>陕西省西安市</td>
                <td>感谢童年经历，西安很繁华有趣</td>
            </tr>
            <tr class="jishu">
                <td>2015　--　2023</td>
                <td>河北省衡水市</td>
                <td>那段诠释青春的日子都在这里度过了</td>
            </tr>
            <tr class="oushu">
                <td>2023　--　　　</td>
                <td>吉林省长春市</td>
                <td>未来已来，希望能永远心怀热爱，坚定向前</td>
            </tr>  
            <tr class="jishu">
                <td colspan="3">未完待续...</td>
            </tr>  
            </tbody>
        </table>
    </div>
    <div id="爱好"></div>
    <div><h2 style="text-align: center;">爱好</h2></div>
    <div id="旅游"></div>
    <div><h4>旅游</h4>
        <p>在济南</p>
        <div class="jinan">
            <ul>
                <li><img src="../img/jinan1.jpg" alt=""></li>
                <li><img src="../img/jinan2.jpg" alt=""></li>
                <li><img src="../img/jinan3.jpg" alt=""></li>
                <li><img src="../img/jinan4.jpg" alt=""></li>
                <li><img src="../img/jinan5.jpg" alt=""></li>
                <li><img src="../img/jinan6.jpg" alt=""></li>
                <li><img src="../img/jinan7.jpg" alt=""></li>
                <li><img src="../img/jinan8.jpg" alt=""></li>
                <li><img src="../img/jinan9.jpg" alt=""></li>
                <li><img src="../img/jinan10.jpg" alt=""></li>
                <!-- 替身 -->
                <li><img src="../img/jinan1.jpg" alt=""></li>
                <li><img src="../img/jinan2.jpg" alt=""></li>
                <li><img src="../img/jinan3.jpg" alt=""></li>
                <li><img src="../img/jinan4.jpg" alt=""></li>
            </ul>
        </div>
        <P>希望大学四年可以去更多的城市</P>
        <div class="lunbo">
            <ul class="images">
                <li class="img"></li>
                <li class="img"></li>
                <li class="img"></li>
            </ul>
                <ul class="min-images">
                    <li class="min"></li>
                    <li class="min"></li>
                    <li class="min"></li>
                </ul>
            <div class="button">
                <div class="button-left">&lt;</div>
                <div class="button-right">&gt;</div>
            </div>
        </div>
    <div id="听歌"></div>
    <div><h4>听歌</h4>
        <p>听歌是一种很有效的解压的方式</p>
        <video width="500" controls>  
            <source src="../video/行走的鱼.mp4" type="video/mp4">
            </video>
    </div>
    <div id="问卷"></div>
    <div><h2 style="text-align: center;">问卷</h2>
    <p>为促进交流，增进理解，请填一下问卷</p></div>
    <form>
        <div>你的MBTI：<input name="" type="text" placeholder="请输入你的MBTI"/></div>
        <br>
        <div>你相信MBTI吗：
            <input type="radio" id="believe" name="or" value="believe" checked>  
            <label for="believe">相信</label>  
            <input type="radio" id="disbelieve" name="or" value="disbelieve">  
            <label for="disbelieve">不相信</label>  
        </div> 
        <br>
        <div>  
            <label for="option">你来自的地区：</label>  
            <select name="option" id="option">  
                <option value="东北地区" selected>东北地区</option>  
                <option value="西北地区">西北地区</option>  
                <option value="华北地区">华北地区</option>  
                <option value="华中地区">华中地区</option>
                <option value="华南地区">华南地区</option>
                <option value="华东地区">华东地区</option>
                <option value="西南地区">西南地区</option>
            </select>  
        </div>
        <br>
        <div>你喜欢的口味：
            <input type="checkbox" id="酸" name="options" value="酸">  
            <label for="酸">酸</label>  
            <input type="checkbox" id="甜" name="options" value="甜">  
            <label for="甜">甜</label>  
            <input type="checkbox" id="麻" name="options" value="麻">  
            <label for="麻">麻</label>  
            <input type="checkbox" id="辣" name="options" value="辣">  
            <label for="辣">辣</label>  
            <input type="checkbox" id="咸" name="options" value="咸">  
            <label for="咸">咸</label>  
        </div>
        <br>
        <div class="form">  
            <label for="bio">留言板：</label>  
            <br>
            <textarea id="bio" name="bio" placeholder="留言"></textarea>  
        </div>
        <div>
            <input type="submit" value="提交"> 
            <input type="reset" value="重置"> 
        </div>
        </form> 
        <br>
        <p>下面是我做的“井字棋”游戏，叫上你的好友一起来玩吧！</p>
        <a href="./井字棋.html">井字棋游戏</a>
        <br>
        <div class="endtext">愿你能与岁月温情相拥，耐心等待美好如约而至。再见！</div>
    </div>
</div>
<script src="../js/home.js"></script>
<script src="../js/game.js"></script>
</body>
</html>